/* <!-- */
	/* General styles */
		
		/* Make rounded happen */
		.roundedTopRow .extInnerMid .extInnerLeft .extLeft {
			background: url(top-left.gif) no-repeat;
		}
		.roundedTopRow .extInnerMid .extInnerLeft .extCenter .extBody {
			background: url(top-middle.gif) repeat-x;
		}
		.roundedTopRow .extInnerMid .extInnerLeft .extRight {
			background: url(top-right.gif) no-repeat;
		}
		
		.roundedMidRow .extInnerMid .extInnerLeft .extLeft {
			background: url(middle-left.gif) repeat-y;
		}
		.roundedMidRow .extInnerMid .extInnerLeft .extCenter .extBody {
			/* nothing */
		}
		.roundedMidRow .extInnerMid .extInnerLeft .extRight {
			background: url(middle-right.gif) repeat-y;
		}
		
		.roundedBotRow .extInnerMid .extInnerLeft .extLeft {
			background: url(bottom-left.gif) no-repeat;
		}
		.roundedBotRow .extInnerMid .extInnerLeft .extCenter .extBody {
			background: url(bottom-middle.gif) repeat-x;
		}
		.roundedBotRow .extInnerMid .extInnerLeft .extRight {
			background: url(bottom-right.gif) no-repeat;
		}
		
		.roundedBotRow .extInnerMid .extInnerLeft .extRight, .roundedBotRow .extInnerMid .extInnerLeft .extCenter .extBody, .roundedBotRow .extInnerMid .extInnerLeft .extLeft,
		.roundedTopRow .extInnerMid .extInnerLeft .extRight, .roundedTopRow .extInnerMid .extInnerLeft .extCenter .extBody, .roundedTopRow .extInnerMid .extInnerLeft .extLeft {
			height: 12px;
			overflow: hidden;
			margin: 0px;
			padding: 0px;
		}
			
		/* These are the main page elements */
			body {
				margin:0;
				padding:0;
				text-align: center;
			}
			.extWrapper {
				margin-left: auto;
				margin-right: auto;
				width: 500px;
				text-align: left;
			}
			.extOuter {
				position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
				clear:both;
				float:left;
				width:100%;				/* width of whole page */
				overflow:hidden;		/* This chops off any overhanging divs */
			}

		/* This section controls the 3 column setup */
			.sw3column .extInnerMid {
				float:left;
				width:200%;
				margin-left:-12px; 		/* Width of right column */
				position:relative;
				right:100%;
			}
			.sw3column .extInnerLeft {
				float:left;
				width:100%;
				margin-left:-50%;
				position:relative;
				left:24px;         		/* Left column width + right column width */
			}
			.sw3column .extCenter {
				float:left;
				width:50%;
				position:relative;
				right:12px;        		/* Width of left column */
			}
			.sw3column .extBody {
				margin:0 12px 0 12px;	/* Centre column side padding */
				position:relative;
				left:200%;
				overflow:hidden;
			}
			.sw3column .extLeft {
				float:left;
				float:right;			/* This overrides the float:left above */
				width:12px;        		/* Width of left column content (left column width minus left and right padding) */
				position:relative;
				right:0em;         		/* Width of the left-had side padding on the left column */
			}
			.sw3column .extRight {
				float:left;
				float:right;			/* This overrides the float:left above */
				width:12px;        		/* Width of right column content (right column width minus left and right padding) */
				margin-right:0em;  		/* Width of right column right-hand padding + left column left and right padding */
				position:relative;
				left:50%;
			}
/* --> */